import QtQuick
import FluentUI
import QtQuick.Layouts
import QtQuick.Controls
import Qt5Compat.GraphicalEffects

import "components/"
import "pages/"

FluWindow {
    width: 900
    height: 620
    visible: true
    title: qsTr("电化学阻抗测量管理平台")

    showStayTop: true
    showDark: true

    // FluRectangle {
    //     width: 20
    //     height: 20
    //     color: FluTheme.accentColor
    // }
    ColumnLayout {
        anchors {
            fill: parent
            topMargin: 5
            leftMargin: 10
            rightMargin: 10
            bottomMargin: 10
        }

        RowLayout {
            FluFrame {
                Layout.fillHeight: true
                padding: 10

                ColumnLayout {
                    anchors.fill: parent
                    spacing: 10
                    FluText {
                        text: "测量平台"
                        font.pixelSize: 16
                        font.bold: true
                    }
                    ServerConnect {
                        Layout.preferredWidth: 230
                        // Layout.fillWidth: true
                    }
                    FluText {
                        text: "终端列表"
                        font.pixelSize: 16
                        font.bold: true
                    }
                    DeviceList {
                        Layout.fillHeight: true
                        Layout.preferredWidth: 230
                    }
                }
            }

            Device {
                Layout.fillHeight: true
                Layout.fillWidth: true
                Layout.margins: 5
            }
        }
    }
}
